﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MainMaster.Master" AutoEventWireup="true" CodeBehind="FleetInduction.aspx.cs" Inherits="VMS_Web.FleetInduction" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
   
    <div class="panel panel-default">

        <div class="panel-heading">
            <h3 class="panel-title">Vehicle Induction</h3>
        </div>

        <div class="panel-body">

            <div class="panel panel-default">
                <div class="panel-body">
                      <div class="row">
                        <div class="col-md-4">
                            <div class="input-group">
                                <span class="input-group-addon"><a href="#" data-toggle="tooltip" title="Click here to open fleet search window">Fleet code</a></span>
                                <input type="text" class="form-control input-sm" />
                                <span class="input-group-btn">
                                    <button class="btn btn-default btn-sm" type="button">Search</button>
                                </span>

                            </div>

                        </div>

                        <div class="col-md-8">
                            <div class="form-inline">
                                <span class="radio-inline">
                            <input type="radio" />
                            Spot
                        </span>
                        <span class="radio-inline">
                            <input type="radio" />
                            Lease
                            &nbsp;
                            Status
                        </span>
                         
                        <input type="text" id="txtfleetstatus" class="input-small" runat="server" />
                        <input type="text" id="txtfleetdesc" runat ="server" />
                        </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="tabbable">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#pane1" data-toggle="tab">Car Details</a></li>
                    <li><a href="#pane2" data-toggle="tab">Power & Other Options</a></li>
                    <li><a href="#pane3" data-toggle="tab">Purchase & Registation</a></li>
                    <li><a href="#pane4" data-toggle="tab">Service & Dep</a></li>
                    <li><a href="#pane5" data-toggle="tab">Insurance</a></li>
                    <li><a href="#pane6" data-toggle="tab">Notes</a></li>
                </ul>
                <div class="tab-content">

                    <div id="pane1" class="tab-pane active">
                        <div class="panel panel-default">
                            <div class="panel-body">
                                <div class="form-horizontal col-md-5">

                                    <div class="form-group">

                                        <span class="col-md-5">Group</span>
                                        <div class="col-md-4">
                                            <%--<input type="text" class="form-control" id="txtmastertitemtype" runat="server" />--%>
                                            <asp:DropDownList ID="ddlgroup" CssClass="form-control" runat="server"></asp:DropDownList>

                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-5">Make</span>
                                        <div class="col-md-4">
                                            <asp:DropDownList ID="ddlmake" CssClass="form-control" runat="server"></asp:DropDownList>

                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-5">Brand</span>
                                        <div class="col-md-4">
                                            <asp:DropDownList ID="ddlbrand" CssClass="form-control" runat="server"></asp:DropDownList>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-5">Model</span>
                                        <div class="col-md-4">
                                            <asp:DropDownList ID="ddlmodel" CssClass="form-control" runat="server"></asp:DropDownList>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-5">Color</span>
                                        <div class="col-md-4">
                                            <asp:DropDownList ID="ddlcolor" CssClass="form-control" runat="server"></asp:DropDownList>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-5">Year model</span>
                                        <div class="col-md-4">
                                            <input type="text" class="form-control" id="txtyearmodel" runat="server" />
                                        </div>

                                    </div>

                                    <div class="form-group">
                                        <span class="col-md-5">Fuel Tank Size</span>
                                        <div class="col-md-4">
                                            <input type="text" class="form-control" id="txtfueltanksize" runat="server" />
                                        </div>

                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-5">Seating Capacity</span>
                                        <div class="col-md-4">
                                            <input type="text" class="form-control" id="txtseatingcapacity" runat="server" />
                                        </div>

                                    </div>

                                </div>

                                <div class="form-horizontal col-md-7 pull-left">

                                    <div class="form-group">
                                        <span class="col-md-3">Transmission</span>
                                        <div class="col-md-4">
                                            <asp:DropDownList ID="ddltransmission" CssClass="form-control" runat="server"></asp:DropDownList>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-3">Engine Capacity</span>
                                        <div class="col-md-4">
                                            <asp:DropDownList ID="ddlenginecapacity" CssClass="form-control" runat="server"></asp:DropDownList>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <span class="col-md-3">Vehicle Type</span>
                                        <div class="col-md-4">
                                            <asp:DropDownList ID="ddlvehicletype" CssClass="form-control" runat="server"></asp:DropDownList>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <span class="col-md-3">Revinue Location</span>
                                        <div class="col-md-4">
                                            <asp:DropDownList ID="ddlrevinuelocation" CssClass="form-control" runat="server"></asp:DropDownList>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-3">Staff Code</span>
                                        <div class="col-md-4">
                                            <asp:DropDownList ID="ddlstaffcode" CssClass="form-control" runat="server"></asp:DropDownList>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-3">Engine No</span>
                                        <div class="col-md-4 ">
                                            <input type="text" class="form-control" id="txtengineno" runat="server" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-3">Chasis NO</span>
                                        <div class="col-md-4 ">
                                            <input type="text" class="form-control" id="txtchasisno" runat="server" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-3">Mortgage No</span>
                                        <div class="col-md-4 ">
                                            <input type="text" class="form-control" id="txtmortgageno" runat="server" />
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div id="pane2" class="tab-pane">
                        <div class="panel panel-default">
                            <div class="panel-body">

                                <div class="form-horizontal col-md-5">
                                    <div class="panel panel-default">
                                        <div class="panel-body">
                                            <div class="control-group">
                                                <asp:DataGrid ID="grdpoweroptions" CssClass="table table-condensed" runat="server" AutoGenerateColumns="false" AllowPaging="true" PageSize="5">
                                                    <Columns>
                                                        <asp:BoundColumn DataField="Master_Item" ReadOnly="True" HeaderText="ItPower Optionem" />
                                                        <asp:BoundColumn DataField="Item_Desc" ReadOnly="True" HeaderText="Description" ItemStyle-Wrap="false" />
                                                    </Columns>
                                                </asp:DataGrid>
                                            </div>
                                            <div class="form-group">
                                                <span class="col-md-5">Power Options</span>
                                                <div class="col-md-4 ">
                                                    <%--<input type="text" class="form-control" id="txtmastertitemtype" runat="server" />--%>
                                                    <asp:DropDownList ID="DropDownList1" CssClass="form-control" runat="server"></asp:DropDownList>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="panel-footer">
                                            <button id="btnpoweroptionadd" value="Add" class="btn btn-default btn-xs">Save</button>
                                            <button id="btnpoweroptionremove" value="Remove" class="btn btn-default btn-xs">Cancel</button>
                                        </div>

                                    </div>

                                </div>

                                <div class="form-horizontal col-md-7">

                                    <div class="form-group">
                                        <span class="col-md-5">Is thirdparty vehicle</span>
                                        <div class="col-md-4">
                                            <asp:CheckBox ID="chkthirdpartyvehicle" CssClass="form-control" runat="server"></asp:CheckBox>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <span class="col-md-5">Vehicle Returned</span>
                                        <div class="col-md-4">
                                            <asp:CheckBox ID="chkvehidlereturned" CssClass="form-control" runat="server"></asp:CheckBox>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <span class="col-md-5">Fleet under Doc period</span>
                                        <div class="col-md-4">
                                            <asp:CheckBox ID="chkfleetdocperiod" CssClass="form-control" runat="server"></asp:CheckBox>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <span class="col-md-5">Only for replacement</span>
                                        <div class="col-md-4">
                                            <asp:CheckBox ID="chkforreplacement" CssClass="form-control" runat="server"></asp:CheckBox>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <span class="col-md-5">Not for replacement</span>
                                        <div class="col-md-4">
                                            <asp:CheckBox ID="chknotforreplacement" CssClass="form-control" runat="server"></asp:CheckBox>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <span class="col-md-5">To replacement</span>
                                        <div class="col-md-4">
                                            <asp:CheckBox ID="chktoreplacement" CssClass="form-control" runat="server"></asp:CheckBox>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <span class="col-md-5">Can be re-rented</span>
                                        <div class="col-md-4">
                                            <asp:CheckBox ID="chkcanbererented" CssClass="form-control" runat="server"></asp:CheckBox>
                                        </div>
                                    </div>



                                </div>
                            </div>

                        </div>
                    </div>

                    <div id="pane3" class="tab-pane">
                        <div class="panel panel-default">
                            <div class="panel-body">

                                <div class="form-inline">
                                    <span>License Code</span>
                                    <asp:DropDownList ID="ddllicensecode" CssClass="input-sm" runat="server" />
                                    <input type="text" class="input-sm" id="Text1" runat="server" />
                                    <span>Trade License No</span>
                                    <input type="text" class="input-sm" id="txttradelicenseno" runat="server" />
                                    <span>Vehicle Catagory</span>
                                    <asp:DropDownList ID="DropDownList2" CssClass="input-sm" runat="server" />
                                </div>

                                <div class="form-horizontal col-md-6">
                                    <h5 class="well well-sm">Registration details</h5>
                                    <div class="form-group">
                                        <span class="col-md-5">Number</span>
                                        <div class="col-md-4 ">
                                            <input type="text" class="form-control" id="txtnumber" runat="server" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-5">Emirate</span>
                                        <div class="col-md-4 ">
                                            <%--<input type="text" class="form-control" id="txtmastertitemtype" runat="server" />--%>
                                            <asp:DropDownList ID="ddlemirate" CssClass="form-control" runat="server"></asp:DropDownList>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-5">Number plate code</span>
                                        <div class="col-md-4 ">
                                            <%--<input type="text" class="form-control" id="txtmastertitemtype" runat="server" />--%>
                                            <asp:DropDownList ID="ddlnumberplatecode" CssClass="form-control" runat="server"></asp:DropDownList>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-5">From date</span>
                                        <div class="col-md-4 ">
                                            <input type="date" class="form-control" id="datefrom" runat="server" />
                                            <%--<asp:Calendar ID="calfromdate" CssClass="form-control" runat="server"></asp:Calendar>--%>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-5">Expiry date</span>
                                        <div class="col-md-4 ">
                                            <input type="date" class="form-control" id="dateexpiry" runat="server" />

                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-5">Registration cost</span>
                                        <div class="col-md-4 ">
                                            <input type="text" class="form-control" id="txtregistrationcost" runat="server" />
                                        </div>
                                    </div>

                                </div>

                                <div class="form-horizontal col-md-6">
                                    <h5 class="well well-sm">Purchase detals</h5>
                                    <div class="form-group form-inline">
                                        <span class="col-md-5">LPO Type/Line#</span>
                                        <input type="Text" class="col-md-1" id="txtlpotype" runat="server" />
                                        <input type="Text" class="col-md-3" id="txtlpoline" runat="server" />
                                    </div>

                                    <div class="form-group">
                                        <span class="col-md-5">LPO number</span>
                                        <div class="col-md-4 ">
                                            <input type="Text" class="form-control" id="txtlpono" runat="server" />

                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-5">Purchase date</span>
                                        <div class="col-md-4 ">
                                            <input type="date" class="form-control" id="datepurchasedate" runat="server" />
                                            <%--<asp:Calendar ID="calfromdate" CssClass="form-control" runat="server"></asp:Calendar>--%>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <span class="col-md-5">Purchase cost</span>
                                        <div class="col-md-4 ">
                                            <input type="text" class="form-control" id="txtpurchasecost" runat="server" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <a href="#" class="col-md-5" data-toggle="tooltip" title="Click here for supplier information">Supplier</a>
                                        <div class="col-md-4 ">
                                            <%--<input type="text" class="form-control" id="txtmastertitemtype" runat="server" />--%>
                                            <asp:DropDownList ID="ddlsupplier" CssClass="form-control" runat="server"></asp:DropDownList>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <span class="col-md-5">Delivery date</span>
                                        <div class="col-md-4 ">
                                            <input type="date" class="form-control" id="datedeliverydate" runat="server" />

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <span class="col-md-5">Under buy back</span>
                                        <div class="col-md-4">
                                            <asp:CheckBox ID="chkunderbuyback" CssClass="form-control" runat="server"></asp:CheckBox>
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>

                    <div id="pane4" class="tab-pane">
                        <div class="panel panel-default">
                            <div class="panel-body">
                                <div class="panel panel-default">
                                    <div class="panel-body">

                                        <div class="form-horizontal col-md-6">
                                            <h5 class="well well-sm">Servicing details</h5>
                                            <div class="form-inline form-group">
                                                <div class="col-md-4">
                                                    <input type="checkbox" id="chkbydateforevery" runat="server" />
                                                    <span>By date for every</span>
                                                </div>
                                                <div class="col-md-2">
                                                    <input type="Text" id="txtbydateforevery" runat="server" placeholder="days" />
                                                </div>
                                            </div>

                                            <div class="form-inline form-group">
                                                <div class="col-md-4">
                                                    <input type="checkbox" id="chkbykmforevery" runat="server" />
                                                    <span>By km for every</span>
                                                </div>
                                                <div class="col-md-2">
                                                    <input type="Text" id="txtbykmforevery" runat="server" placeholder="Kilometers" />
                                                </div>
                                            </div>

                                        </div>
                                        <div class="form-horizontal col-md-6">
                                            <h5 class="well well-sm">Warranty details</h5>
                                            <div class="form-group">
                                                <span class="col-md-5">By date</span>
                                                <div class="col-md-4 ">
                                                    <input type="date" id="datebydate" runat="server" />

                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <span class="col-md-5">By kilometers</span>
                                                <div class="col-md-4 ">
                                                    <input type="text" id="txtbykilometers" runat="server" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h5 class="panel-title">Depreciation details</h5>
                                    </div>
                                    <div class="panel-body">

                                        <div class="form-horizontal col-md-6">
                                            <div class="control-group">
                                                <asp:DataGrid ID="grddepreciation" CssClass="table table-condensed" runat="server" AutoGenerateColumns="false" AllowPaging="true" PageSize="5">
                                                    <Columns>
                                                        <asp:BoundColumn DataField="" ReadOnly="True" HeaderText="From Date" />
                                                        <asp:BoundColumn DataField="Item_Desc" ReadOnly="True" HeaderText="TO Date" ItemStyle-Wrap="false" />
                                                    </Columns>
                                                </asp:DataGrid>
                                            </div>

                                            <%--</div>--%>
                                        </div>

                                        <div class="form-horizontal col-md-6">
                                            <div class="form-group">
                                                <span class="col-md-5">Date From</span>
                                                <div class="col-md-4 ">
                                                    <input type="date" class="form-control" id="date1" runat="server" />
                                                    <%--<asp:Calendar ID="calfromdate" CssClass="form-control" runat="server"></asp:Calendar>--%>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <span class="col-md-5">Date To</span>
                                                <div class="col-md-4 ">
                                                    <input type="date" class="form-control" id="date2" runat="server" />
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <span class="col-md-5">Depreciation %</span>
                                                <div class="col-md-4">
                                                    <input type="text" class="form-control" runat="server" id="txtdepreciationpercentage"></input>
                                                </div>
                                            </div>

                                        </div>


                                    </div>
                                    <div class="panel-footer">
                                        <button id="btndepreciationinsert" value="Add" class="btn btn-default btn-xs">Insert</button>
                                        <button id="btndepreciationremove" value="Remove" class="btn btn-default btn-xs">Remove</button>
                                    </div>
                                </div>
                                <div class="form-horizontal">
                                    <h5 class="well well-sm">Agency maintence</h5>
                                    <div class="form-inline">
                                        <span>LPO Number</span>
                                        <input type="text" id="txtlponumberagencymaintence" runat="server" />
                                        <span>Contract upto</span>
                                        <input type="date" id="datecontractuptoagencymaintence" runat="server" />
                                        <span>Amount</span>
                                        <input type="text" id="txtamountagencymaintence" runat="server" />
                                        <span>Remarks</span>
                                        <input type="text" id="txtremarksagencymaintence" runat="server" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div id="pane5" class="tab-pane">
                        <div class="panel panel-default">
                            <div class="panel-body">
                                <div class="form-horizontal">
                                    <div class="control-group">
                                        <asp:DataGrid ID="grdfleetinsurence" CssClass="table table-condensed" runat="server" AutoGenerateColumns="false" AllowPaging="true" PageSize="5">
                                            <Columns>
                                                <asp:BoundColumn DataField="" ReadOnly="True" HeaderText="Insr Comp." />
                                                <asp:BoundColumn DataField="Item_Desc" ReadOnly="True" HeaderText="Insr type" ItemStyle-Wrap="false" />
                                                <asp:BoundColumn DataField="" ReadOnly="True" HeaderText="Invoice No" />
                                                <asp:BoundColumn DataField="Item_Desc" ReadOnly="True" HeaderText="Start from" ItemStyle-Wrap="false" />
                                                <asp:BoundColumn DataField="" ReadOnly="True" HeaderText="" />
                                                <asp:BoundColumn DataField="Item_Desc" ReadOnly="True" HeaderText="TO Date" ItemStyle-Wrap="false" />
                                            </Columns>
                                        </asp:DataGrid>
                                    </div>
                                </div>
                                <div class="form-horizontal col-md-6">
                                    <div class="form-group">
                                        <span class="col-md-5">Insurance Company</span>
                                        <div class="col-md-4 ">
                                            <%--<input type="text" class="form-control" id="txtmastertitemtype" runat="server" />--%>
                                            <asp:DropDownList ID="ddlinsurancecompany" CssClass="form-control" runat="server"></asp:DropDownList>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-5">Insurance Type</span>
                                        <div class="col-md-4">
                                            <asp:DropDownList ID="ddlinsurancetype" CssClass="form-control" runat="server"></asp:DropDownList>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-5">Cover note NO</span>
                                        <div class="col-md-4 ">
                                            <input type="text" class="form-control" id="txtcovernoteno" runat="server" />
                                        </div>
                                    </div>
                                </div>
                                <div class="form-horizontal col-md-6">
                                    <div class="form-group">
                                        <span class="col-md-5">Insurance start from</span>
                                        <div class="col-md-4 ">
                                            <input type="date" class="form-group" id="dateinsurancestartfrom" runat="server" />

                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-5">Insurance expiry date</span>
                                        <div class="col-md-4 ">
                                            <input type="date" class="form-group" id="dateinsuranceexpiry" runat="server" />

                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-5">Insurance cost</span>
                                        <div class="col-md-4 ">
                                            <input type="text" class="form-group" id="txtinsurancecost" runat="server" />
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="panel-footer">
                                <button id="btninsuranceinsert" value="Add" class="btn btn-default btn-xs">Insert</button>
                                <button id="btninsuranceremove" value="Remove" class="btn btn-default btn-xs">Remove</button>
                            </div>
                        </div>

                   </div>

                    <div id="pane6" class="tab-pane">
                        <div class="panel panel-default">
                            <div class="panel-body">
                                <div class="form-horizontal">

                                    <div class="row">

                                        <div class="col col-md-7">
                                            
                                            <span>LPO Number</span>
                                            <input type="text" id="Text2" runat="server" />
                                            <span>Contract upto</span>
                                            <input type="date" id="date3" runat="server" />
                                            <%--<label for="txtamountagencymaintence">Amount</label>
                                                <input type="text" id="Text3" runat="server" />
                                                <label for="txtlponumberagencymaintence">Remarks</label>
                                                <input type="text" id="Text4" runat="server" />--%>
                                        </div>
                                        <div class="col col-md-4">
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                    </div>

                </div>
                <!-- /.tab-content -->
            </div>

            <div class="well">

                <button id="btnnew" class="btn btn-default" title="create new fleet entry">New</button>
                <button id="btnedit" type="reset" class="btn btn-default" title="edit existing fleet entry">Edit</button>
                <button id="btnAction" value="Save" class="btn btn-default" title="save records">Save</button>
                <button id="Button1" value="Save" class="btn btn-default" title="To draft this entry">Draft</button>
                <button id="btnCancel" type="reset" class="btn btn-default" title="to cancel all entries">Cancel</button>

            </div>


        </div>

        </div>
        
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="OnlyForJavaScript" runat="server">
    <script>
        $(document).ready(function () {
            $('#rootwizard').bootstrapWizard({ 'nextSelector': '.button-next', 'previousSelector': '.button-previous', 'firstSelector': '.button-first', 'lastSelector': '.button-last' });
        });
    </script>
</asp:Content>
